<!DOCTYPE HTML>
<html>
<head>
    <meta name="viewport"
          content="width=device-width,height=device-height,target-densitydp=device-dpi,initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>View port demo</title>

    <link rel="stylesheet" type="text/css" href="../css/home.css"/>
</head>
<body>

<div class="slide">
    <a href="http://www.baidu.com">
        <img class="img"
             src="https://c.runoob.com/wp-content/uploads/2017/01/img_mountains_wide.jpg"/>
    </a>
</div>
<div class="slide">
    <a href="http://www.tencent.com">

    <img class="img" src="https://c.runoob.com/wp-content/uploads/2017/01/img_fjords_wide.jpg"/>
    </a>
</div>
<div class="slide">
    <a href="http://www.software.com">

    <img class="img" src="https://c.runoob.com/wp-content/uploads/2017/01/img_nature_wide.jpg"/>
    </a>

</div>


<!---->
<div style="text-align:center">
    <span class="dot" onclick="setSlide(0)"></span>
    <span class="dot" onclick="setSlide(1)"></span>
    <span class="dot" onclick="setSlide(2)"></span>

</div>
</body>

<script type="text/javascript" src="../js/home.js"></script>

</html>